﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Banner.ascx.cs" Inherits="Controls_Banner" %>
<script type="text/javascript">
    $(document).ready(function () {
        $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 8000, true);
    });
</script> 
<div id="featured" > 
	<ul class="ui-tabs-nav"> 
	    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
            <a href="#fragment-1">
                <img src="images/Banner/hop tac voi chi hoi hieu ve trai tim.jpg" alt="hop tac voi chi hoi hieu ve trai tim" />
                <span>hop tac voi chi hoi hieu ve trai tim</span>
            </a>
        </li> 
	    <li class="ui-tabs-nav-item" id="nav-fragment-2">
            <a href="#fragment-2">
                <img src="images/Banner/ki ket hop tac voi truong cao dang.jpg" alt="ki ket hop tac voi truong cao dang" />
                <span>ki ket hop tac voi truong cao dang</span>
            </a>
        </li> 
	    <li class="ui-tabs-nav-item" id="nav-fragment-3">
            <a href="#fragment-3">
                <img src="images/Banner/nguoi sang lap.jpg" alt="nguoi sang lap" />
                <span>nguoi sang lap</span>
            </a>
        </li> 
	    <li class="ui-tabs-nav-item" id="nav-fragment-4">
            <a href="#fragment-4">
                <img src="images/Banner/nguyen van tien.jpg" alt="nguyen van tien" />
                <span>nguyen van tien</span>
            </a>
        </li> 
	    <li class="ui-tabs-nav-item" id="Li1">
            <a href="#fragment-5">
                <img src="images/Banner/Tre em viet nam duoc mo tim mien phi.jpg" alt="Tre em viet nam duoc mo tim mien phi" />
                <span>Tre em viet nam duoc mo tim mien phi</span>
            </a>
        </li> 
	</ul> 
	<div id="fragment-1" class="ui-tabs-panel" style=""> 
		<img src="images/Banner/hop tac voi chi hoi hieu ve trai tim.jpg" alt="" /> 
			<div class="info" > 
			    <h2><a href="#" >hop tac voi chi hoi hieu ve trai tim</a></h2> 
			    <p>
                    hop tac voi chi hoi hieu ve trai tim....
                    <a href="#" >read more</a>
                </p> 
			</div> 
	</div>  
	<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> 
		<img src="images/Banner/ki ket hop tac voi truong cao dang.jpg" alt="" /> 
			<div class="info" > 
			    <h2><a href="#" >ki ket hop tac voi truong cao dang</a></h2> 
			    <p>
                    ki ket hop tac voi truong cao dang....
                    <a href="#" >read more</a>
                </p> 
			</div> 
	</div>
	<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> 
		<img src="images/Banner/nguoi sang lap.jpg" alt="" /> 
			<div class="info" > 
			    <h2><a href="#" >nguoi sang lap</a></h2> 
			    <p>
                    nguoi sang lap....
                    <a href="#" >read more</a>
                </p> 
	        </div> 
	</div>
	<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> 
		<img src="images/Banner/nguyen van tien.jpg" alt="" /> 
		<div class="info" > 
			<h2><a href="#" >nguyen van tien</a></h2> 
			<p>
                nguyen van tien....
                <a href="#" >read more</a>
            </p> 
	    </div> 
	</div>  
	<div id="fragment-5" class="ui-tabs-panel ui-tabs-hide" style=""> 
		<img src="images/Banner/Tre em viet nam duoc mo tim mien phi.jpg" alt="" /> 
		<div class="info" > 
			<h2><a href="#" >Tre em viet nam duoc mo tim mien phi</a></h2> 
			<p>
                Tre em viet nam duoc mo tim mien phi....
                <a href="#" >read more</a>
            </p> 
	    </div> 
	</div>  
</div>
<div class="clear"></div>